@import "../../public/less/index.less";
body {
  background-color: #f4f4f4;
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
}
.login{
  display: inline-block;
}
::-webkit-scrollbar{
  width:0;
}
.mui-plus .plus{
  display: inline;
}
.plus{
  display: none;
}

#topPopover {
  position: fixed;
  top: 16px;
  right: 6px;
}
#topPopover .mui-popover-arrow {
  left: auto;
  right: 6px;
}
//p {
//  text-indent: 22px;
//}
span.mui-icon {
  .fs(28);
  color: #007aff;
  .ml(-15);
  .pr(10);
}
.mui-popover {
  .h(230);
  .w(300);
}
.mui-content {
  padding: 10px;
}
.fx {
  display: inline-block;
  background-image: url("../images/fx.png");
  background-size: cover;
  .w(42);
  .h(41);
  .mr(20);
}
.tobgyp {
  display: inline-block;
  background-image: url("../images/bgyp.png");
  background-size: cover;
  .w(33);
  .h(33);
  .mr(20);
}
li.mui-table-view-cell {
  display: flex;
}
.glo{
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  top: 0px;
  .nav-header{
    position: fixed;
    top:0px;
    left: 0px;
    width: 100%;
    z-index: 100;
    background-color: #FFFFFF;
    .back{
      display: inline-block;
      position: absolute;
      .top(0);
      .left(0);
      .w(100);
      .h(102);
      z-index: 100;
      .back-view{
        display: inline-block;
        position: absolute;
        .top(35);
        .left(32);
        .w(18);
        .h(32);
        background-image: url('../../public/images/fanhui.png');
        background-size: cover;
      }
    }
    .more {
      display: inline-block;
      position: absolute;
      .top(0);
      .right(0);
      .w(100);
      .h(102);
      z-index: 100;
      .more-view{
        display: inline-block;
        position: absolute;
        .top(45);
        .right(32);
        .w(40);
        .h(7);
        background-image: url('../../public/images/threespoint.png');
        background-size: cover;
      }
    }
    .nav-tab{
      display: flex;
      -webkit-box-pack: justify;
      -webkit-box-align: center;
      justify-content: space-between;
      align-content: center;
      .h(102);
      text-align: center;
      .lh(102);
      .padding(0,180);
      .tab-item{
        flex: 1;
        justify-content:center;//子元素水平居中
        align-items:center;//子元素垂直居中
        height: 100%;
        div{
          display: inline-block;
          .fs(30);
          color: #919191;
        }
      }
    }
  }
  .swiper {
    position: relative;
    .mt(102);
    .swiper-container {
      margin: 0 auto;
      position: relative;
      overflow: hidden;
      z-index: 1;
      .h(325);
      .swiper-wrapper {
        .swiper-slide {
          img {
            width: 100%;
          }
        }
      }
    }
  }
  .content {
    position: relative;
    .mb(100);
    .tab2-cont {
      display: block;
      width: 100%;
      overflow: hidden;
      .goods-annunciate {
        display: flex;
        .h(62);
        width: 100%;
        align-items: center;
        background-color: #00C4D2;
        //.padding(0,25);
        color: #FFFFFF;
        .yu-value {
          .h(62);
          .fs(22);
          position: absolute;
          .right(25);
          //.mt(20);
          div {
            display: flex;
            align-items: center;
            height: 100%;
          }
        }
        .yh-name {
          display: inline-block;
          .ml(25);
          .fs(22);
        }
      }
      .goods-model {
        display: flex;
        .h(107);
        width: 100%;
        align-items: center;
        background-color: #FFFFFF;
        .border-1px(#E8E8E8);
        .specifica-goods {
          .h(100);
          position: relative;
          .padding(20,25);
          left: 0px;
          right: 0px;
          width: 100%;
          .goods-title-sub {
            color: #919191;
            .fs(20);
            text-align: left;
            .margin(5,5);
            .lh(30);
          }
          .goods-title {
            color: #333333;
            .lh(35);
            .fs(29);
            text-align: left;
          }
          .goods-detail {
            position: relative;
            .top(0);
            .lh(60);
            .goods-price {
              position: absolute;
              left: 0px;
              .reality-goods-price {
                .fs(26);
                .lh(30);
                color: #FF6C6C;
              }
              .original-goods-price {
                .fs(20);
                color: #B2B2B2;
                text-decoration: line-through;
              }
            }
            .no-postage {
              position: absolute;
              float: right;
              .right(0);
              color: #919191;
              .fs(22);
            }
            .add-icon {
              position: absolute;
              .right(21);
              .add-cart{
                background-image: url(../../public/images/addCart.png);
                background-size: cover;
                .h(50);
                .w(50);
                display: inline-block;
              }
              .selec-details {
                background-image: url(../../public/images/shopping.png);
                background-size: cover;
                .h(50);
                .w(50);
                display: inline-block;
                margin-left: 10px;
              }
            }
          }
        }
      }
      .goods-type {
        display: flex;
        .h(75);
        .fs(22);
        width: 100%;
        align-items: center;
        background-color: #FFFFFF;
        .border-1px(#E8E8E8);
        .yu-value {
          .fs(22);
          display: inline-block;
          position: absolute;
          .right(25);
          .h(75);
          color: #00C4D2;
          .item-center {
            display: flex;
            height: 100%;
            align-items: center;
            .yu-img {
              background-image: url("../../public/images/selectmore.png");
              background-size: cover;
              .h(22);
              .w(12);
              display: inline-block;
              .ml(10);
            }
          }
        }
        .yh-name {
          display: inline-block;
          color: #00C4D2;
          .ml(25);
          .fs(22);
        }
        .yhdeta-eve {
          .fs(22);
          color: #00C4D2;
          display: flex;
          align-items: center;
          .ml(40);
          .yhdeta-eve-img {
            display: inline-block;
            background-image: url("../../public/images/checkthennum.png");
            background-size: cover;
            .h(29);
            .w(29);
            .mr(10);
          }
        }
        .type-eve {
          display: inline-block;
          color: #333333;
          .ml(25);
          .fs(22);
        }
      }
      .goods-type0 {
        display: flex;
        .h(75);
        .fs(22);
        width: 100%;
        color: #00C4D2;
        align-items: center;
        background-color: #FFFFFF;
        .padding(0,25);
      }
    }
    .param-list {
      position: relative;
      .mt(20);
      background-color: #ffffff;
      display: inline-block;
      text-align: center;
      //.h(75);
      //.padding(20,0);
      .pt(20);
      .fs(20);
      color: #333333;
      width: 100%;
      .type-eve {
        .type-eve-img {
          background-image: url("../../public/images/goodsparms.png");
          background-size: cover;
          .h(20);
          .w(25);
          display: inline-block;
          .mr(10);
        }
      }
      ul {
        position: relative;
        .mt(20);
        overflow: hidden;
        border:1px solid #E8E8E8;
        background-color: #FFFFFF;
        li {
          float: left;
          width: 50%;
          //margin-right: -1px;
          text-align: left;
          //.padding(0, 20);
          .pl(25);
          .h(84);
          display: flex;
          align-items: center;
          overflow: hidden;
          box-sizing: border-box;
          //border: 1px solid #E8E8E8;
          border-right: 1px solid #E8E8E8;
          border-bottom: 1px solid #E8E8E8;
          background-color: #FFFFFF;
          color: #333333;
          .title-type {
            .w(100);
            color: #919191;
          }
        }
      }
    }
    .param-list1 {
      position: relative;
      .mt(-8);
      background-color: #ffffff;
      text-align: center;
      .fs(20);
      color: #333333;
      width: 100%;
      z-index: 10;
      border-top: 1px solid #E8E8E8;
      .goods-type {
        display: inline-block;
        .padding(20,0);
        .type-eve {
          .type-eve-img {
            background-image: url("../../public/images/goodsparms.png");
            background-size: cover;
            .h(20);
            .w(25);
            display: inline-block;
            .mr(10);
          }
        }
      }

      .details-img {
        width: 100%;
        img {
          width: 100%;
          display: inherit;
          padding: 0px;
          margin: 0px;
        }
      }
    }
  }
}
.details-operate {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 11;
  .operate-content {
    position: relative;
    .border-before-1px(#DADDE4);
    width: 100%;
    .h(100);
    display: flex;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    justify-content: space-between;
    align-content: center;
    background-color: #FFF;
    .operate-collect, .operate-cart, .operate-addcart, .operate-buynow {
      text-align: center;
      box-sizing: border-box;
      display: block;
      .fs(26);
      color: #FFFFFF;
    }
    .collect-icon {
      background-image: url("../../public/images/customerservice.png");
      .w(34);
      .h(33);
    }
    .collect-icons {
      background-image: url("../../public/images/collect.png");
      .w(35);
      .h(31);
    }
    .collect-icons, .cart-icon {
      display: inline-block;
      background-size: cover;
    }
    .cart-icon {
      background-image: url("../../public/images/addcarts.png");
      .w(32);
      .h(31);
    }
    .operate-collect {
      color: #B6B6B6;
      flex: 2;
      .fs(18);
      .pt(10);
      border-right: 1px solid #DADDE4;
    }
    .operate-cart {
      color: #B6B6B6;
      flex: 2;
      .fs(18);
      .pt(10);
    }
    .collect-icon, .cart-icon {
      display: inline-block;
      background-size: cover;
    }
    .operate-addcart {
      flex: 3;
      background-color: #919191;
      .lh(110);
    }
    .operate-buynow {
      flex: 3;
      background-color: #00C4D2;
      .lh(110);
    }
  }
}
.model {
  display: none;
  position: fixed;
  top: 0px;
  bottom: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  .add-cart-content {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    .h(800);
    background-color: #FFFFFF;
    .cart-body {
      position: relative;
      .cart-header {
        position: relative;
        .h(155);
        .pl(225);
        img {
          position: absolute;
          .top(-40);
          .left(20);
          .h(170);
          .w(170);
          border-radius: 8px;
          border: 1px solid #dadde4;
        }
        .goods-price {
          .pt(40);
          color: #F65100;
          .fs(30);
        }
        .goods-hscode {
          .ellipsis();
          .mt(10);
          color: #333333;
          .fs(20);
          .pr(40);
        }
        .close-icon {
          position: absolute;
          display: inline-block;
          .w(80);
          .h(80);
          .top(0);
          .right(0);
          .close-icon-img {
            position: absolute;
            display: inline-block;
            .top(20);
            .right(20);
            background-size: cover;
            background-image: url("../../public/images/exit.png");
            .w(30);
            .h(30);
          }
        }
      }
      .cart-warpper {
        position: relative;
        .h(560);
        .padding(0, 20);
        overflow-x: hidden;
        overflow-y: scroll;
        .specifi {
          display: inline-block;
          .fs(22);
          color: #666666;
          .left(20);
          .margin(20, 0);
        }
        .specifi-type {
          position: relative;
          .fs(22);
          .border-1px(#dadde4);
          .specifi-type-every {
            display: inline-block;
            border: 1px solid #dadde4;
            border-radius: 6px;
            .mr(20);
            .padding(10, 20);
            color: #222222;
            .mb(20);
          }
          .specifi-type-every.active {
            border: 1px solid #00c4d2;
            border-radius: 6px;
            background-color: #00c4d2;
            color: #FFFFFF;
            display: inline-block;
            .mr(20);
            .padding(10, 20);
            .mb(20);
          }
        }
        .selec-num {
          .h(114);
          .border-1px(#dadde4);
          width: 100%;
          display: flex;
          position: relative;
          align-items: center;
          .select-num-title {
            display: inline-block;
            .fs(22);
            color: #666666;
          }
          .select-num-content {
            position: absolute;
            float: right;
            .right(20);
            .h(114);
            display: flex;
            align-items: center;
            .add-num {
              display: inline-block;
              box-sizing: border-box;
              text-align: center;
              .lh(50);
              .w(50);
              .h(50);
              .fs(24);
              border: 1px solid #919191;
              border-bottom-left-radius: 5px;
              border-top-left-radius: 5px;
              border-right: 1px;
            }
            .value-num {
              box-sizing: border-box;
              text-align: center;
              .lh(50);
              display: inline-block;
              .h(50);
              .fs(24);
              .padding(0,20);
              border: 1px solid #919191;
            }
            .add-add {
              box-sizing: border-box;
              text-align: center;
              display: inline-block;
              .lh(50);
              .w(50);
              .h(50);
              .fs(24);
              border: 1px solid #919191;
              border-bottom-right-radius: 5px;
              border-top-right-radius: 5px;
              border-left: 1px;
            }
          }
        }
      }
      .cart-footer {
        position: relative;
        .h(85);
        .fs(28);
        .lh(85);
        text-align: center;
        color: #FFFFFF;
        background-color: #00C4D2;
        //background-image: -webkit-linear-gradient(left, #FED400, #fEA100);
      }
    }
  }
}
* {
  margin: 0;
  padding: 0;
}